<template>
  <div class="cartlist">
    <scroll class="content" :probe-type="3" :pull-up-load="true" ref="scroll">
      <cartlistitme
        v-for="(itme, index) in shangping"
        :key="index"
        :product="shangping"
      ></cartlistitme>
    </scroll>
  </div>
</template>

<script>
import scroll from "components/common/scroll/scroll";
import cartlistitme from "./cartlistitme.vue";
export default {
  name: "cartlist",
  data() {
    return {
      shangping: {},
    };
  },
  components: {
    scroll,
    cartlistitme,
  },
  created() {
    this.shangping = this.$store.state.cartlist;
    console.log(this.shangping);
  },
  activated() {
    this.$refs.scroll.refresh();
  },
};
</script>

<style scoped>
.cartlist {
  height: 100vh;
}
.content {
  overflow: hidden;
  position: absolute;
  top: 44px;
  bottom: 80px;
  left: 0;
  right: 0;
}
</style>